import Vue from 'vue'
import VueRouter from 'vue-router'
import HomePage from '../views/HomePage'
import News from '../views/News'
import Sport from '../views/Sport'
import DomesticSport from '../views/second/DomesticSport'
import ForeignSport from '../views/second/ForeignSport'
import SportHomePage from '../views/second/SportHomePage'
Vue.use(VueRouter)

const routes = [
 {
  path: '/',
  redirect: '/home'
 },
 {
  path : '/home',
  component:HomePage
 },
 {
  path : '/news',
  component:News
 },
 {
  path : '/sport',
  component:Sport,
  children : [
    {
      path : 'homepage',
      component:SportHomePage
    },
    {
      path : 'demostic',
      component:DomesticSport
    },
    {
      path : 'foreign',
      component:ForeignSport
    },
  ]
 },
 
 
]

const router = new VueRouter({
  routes
})

export default router
